import Taro, {Component} from '@tarojs/taro'
import {View, Button, Text, ScrollView, Image, Input, Picker, Textarea, Form, Block} from '@tarojs/components'
import {AtIcon, AtCurtain, AtButton} from 'taro-ui'

import {getRuntime, isLetter, companyName} from '../../utils/common'

import PickerArea from "../../components/PickerArea";


class Index extends Component {
  constructor(props) {
    super(props)
  }

  state = {
    navs: [],
    navId: ''
  }

  componentWillMount() {}

  setCurrentNavId() {}

  submit() {}

  render() {
    let { navs, navId } = this.state
    return (
      <View className='declare-tax'>
        <ScrollView className='scroll-view-nav' scrollX>
          {
            navs.map(item => {
              return(
                <View className={navId===item.id?'scroll-item scroll-item-on':'scroll-item'} key={item.id}
                      onClick={this.setCurrentNavId.bind(this,item.id)}
                >{item.title}<Text className='line' /></View>
              )
            })
          }
        </ScrollView>
      </View>
    )
  }
}

export default Index
